<template >

<div class="out">
    <Head></Head>
    <div>

        <div class="boxs">
            <div class="row">
                <div class="col">{{ $t('m.类型') }}</div>
                <div class="col">{{ $t('m.数量') }}</div>
                <div class="col">{{ $t('m.时间') }}</div>
            </div>
            <van-list v-model="loading"
                      :finished="finished" @load="getList">
            <div class="row1"  :style="index %2 == 1?' background: rgba(255, 255, 255, 1)':''" v-for="(item,index) in list" :key="index">
                <div class="col">{{ item.remark }}</div>
                <div class="col">{{ item.num }}</div>
                <div class="col">{{ item.createtime }}</div>
            </div>
            </van-list>
        </div>
    </div>
</div>

</template>

<script>

export default {
    name: "index",
    data() {
        return {
            page: 1,
            loading: false,
            finished: false,
            list: [{
                remark:1,
                num:2,
                createtime:3
            }]
        }
    },
    mounted() {
    },
    created() {
    },
    methods:{

        getList() {
            this.$encPost({
                url: '/api/invest/walletList',
                data: {
                    page: this.page,
                    credit_type:this.$route.query.type
                }

            }).then(res => {
                this.list = [...res.rows, ...this.list]
                this.page++
                if (res.rows.length < 10) this.finished = true
            })
        },
    }
}
</script>

<style lang="less" scoped>
.labels {
  margin-top: 24px;
  .flex-row();

  img {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    vertical-align: sub;

  }

  color: rgba(46, 50, 53, 1);
  font-family: PingFang SC;
  font-weight: 600;
  font-size: 17px;
}

.row {
  padding: 15px 15px;
  margin-top: 20px;
  .flex-between();

  .col {
    width: 33.33%;
    text-align: center;
      color: #ffffff99;
      font-family: PingFang SC;
      font-size: 12px;
      text-transform: uppercase;
  }
}

.row1 {
  .flex-between();
  box-sizing: border-box;

  background: rgba(46, 50, 53, 0.1);

  .col {
    width: 33.33%;
    text-align: center;
    padding: 10px;
      color: #ffffff99;
      font-family: Outfit;
      font-size: 13px;
      text-transform: uppercase;
  }


}
</style>
